<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据要素流通平台</title>
	<link href="./assets/layui/cascader/cascader.css" rel="stylesheet">
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />


	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="assets/font/iconfont.css">

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />
	<link rel="stylesheet" href="./assets/font/iconfont.css">

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />
	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<link rel="stylesheet" href="assets/css/accessData.css">
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<link href="./vendor/jquery.json-viewer.css" rel="stylesheet">
	<style>
		body {
			font-size: 17px;
		}

		.nav-item .active {
			font-weight: 600;
		}

		/* 修改header的样式 */
		.nav-link {
			color: #353c58 !important;
		}

		.navbar-dark .navbar-brand:hover,
		.navbar-dark .navbar-brand:focus {
			color: #0ac382;
		}

		.btn-outline-white:hover {
			background-color: rgba(244, 244, 244, 0.7);
			border-color: #0ac382 !important;
		}

		.navbar-dark .navbar-brand {
			color: #353c58;
		}

		.navbar {
			background-color: rgba(244, 244, 244, 0.5);
		}

		.nav-link.active {
			color: #0ac382 !important;
		}

		.nav-link.active,
		.nav-link.active1 {
			color: #0ac382 !important;
		}

		.page-item.active .page-link {
			z-index: 1;
			color: #fff;
			background-color: #0ac382;
			border-color: #0ac382;
		}

		.accessMain .accessList:first-child .accessUl li a:hover {
			cursor: pointer;
			color: #0ac382;
		}

		.accessMain .accessList:first-child .accessUl .active {
			color: #0ac382;
		}

		/* end */
		.accessRightCon {
			font-size: 14px;
			margin-top: 10px
		}

		.testResult ul li {
			padding: 5px 0px;
		}
	</style>
</head>

<body>

	<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2"
					style="font-size: 20px;"></i><strong>数据流通云</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link" href="./index.html">首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">数据资源</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link" href="productStore.html">数据产品 </a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./serviceStore.html">服务产品</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./customShop.html">定制数据</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./developer.html">开发者</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">最新消息</a>
					</li>
					<li class="nav-item">
						<a class="nav-link active" href="./accessData.html">访问数据</a>
					</li>
					<li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"
								style="color: #353c58 !important;border-color: #353c58;"><span class="iconbox border-0"
									style="margin-right: 5px;"><i class="iconfont icon-search"
										style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link myBtn" href="JavaScript:;">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-cart-arrow-down"></i></span>产品袋
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-bxs-book-reader"></i></span>我的空间 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
								<a href="javascript:;" style="color: #353c58 !important;">
									<span class="iconbox border-0" style="margin-right: 5px;"><i
											class="iconfont icon-user-fill"></i></span>
									用户：<span id="accunt">登录过期</span>
								</a>
								<dl class="layui-nav-child">
									<dd><a href="./changePassword.html">修改密码</a></dd>
									<dd><a href="" id="logOutBtn">退出登录</a></dd>
								</dl>
							</li>
						</ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-user-fill"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="#">
							<a class="btn btn-success btn-round shadow-sm text-white" href="./register.html">
								<i class="iconfont icon-github"></i> 立即注册
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->

	<!--------------------------------------
HEADER
--------------------------------------->
	<div class="jumbotron jumbotron-fluid mb-3 bg-primary position-relative"
		style="background-color: #03CA93 !important;padding-bottom: 20px;">
		<div class="container text-white h-100 tofront mt-5">
			<div class="row align-items-center justify-content-center text-center">
				<div class="col-md-10">
					<h1 class="display-3">访问数据<p>Access data</p>
					</h1>
				</div>
			</div>
		</div>
	</div>
	<!-- End Header -->


	<!-------------------------------------- MAIN --------------------------------------->
	<div class="container ">
		<div class="accessMain">
			<!-- 左侧 -->
			<div class="accessList">
				<!-- 搜索框 -->
				<div class="form-group searchform">
					<i class="iconfont icon-search" style="font-size: 20px;"></i>
					<input type="search" id="input" class="form-control searchProduct" value="" placeholder="关键字搜索产品">
				</div>
				<!-- 列表框 -->
				<div class="accessUl">
					<p id="tabTitle">可使用产品列表</p>
					<ul>
						<li><a href="" class="product">暂无数据产品</a> </li>
					</ul>
				</div>
			</div>
			<!-- 中间部分 -->
			<div class="accessList">
				<div class="layui-tab layui-tab-brief" lay-filter="dataAccessTab">
					<ul class="layui-tab-title">
						<li class="layui-this use">使用产品</li>
						<li class="test">测试产品</li>
						<li class="trial">试用产品</li>
					</ul>
					<!-- 中部 -->
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="accessMid">
								<!-- 注意事项 -->
								<div class="notice">
									<a data-toggle="collapse" href="#collapseExample" aria-controls="collapseExample">
										<i class="iconfont iconxiangyou">&nbsp;&nbsp;</i>注意事项
									</a>
								</div>
								<div class="collapse" id="collapseExample">
									<div class="card card-body">
										注意事项：如该产品目前可正常使用/该产品已下架，请联系产品用户/该产品已试用完，无法再次试用/有条件共享缺乏安全管理程序
									</div>
								</div>
								<!-- 使用表单 -->
								<form class="testform1 layui-form" lay-filter="useForm">
									<div class="row form-group">
										<div class="col">
											<label>所属用户</label><input type="text" name="user" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
										<div class="col">
											<label >产品类型</label>
											<input type="text" name="sourceType" class="form-control"
												   id="productType"
												   disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
<!--									<div class="row form-group">-->
<!--										<div class="col">-->
<!--											<label>使用截止日期</label><input type="text" name="expireDate"-->
<!--												class="form-control" disabled=""-->
<!--												style="background-color: #fff;border: 0px;">-->
<!--										</div>-->
<!--									</div>-->
<!--									使用-->
									<div class="row form-group  use">
										<div class="col disabledNone">
											<label>剩余使用次数(次)</label><input type="text" name="canUseNumber" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
										<div class="col disabledNone">
											<label>剩余使用记录数(kb)</label><input type="text" name="canUseRecords" class="form-control"
																				disabled="" style="background-color: #fff;border: 0px;">
										</div>
										<div class="col disabledNone">
											<label>剩余使用时间(天)</label><input type="text" name="canUseTime" class="form-control"
																			  disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group ">
										<div class="col disabledNone">
											<label>剩余访问次数(次)</label><input type="text" name="canUseNumberLocal" class="form-control"
																			  disabled="" style="background-color: #fff;border: 0px;">
										</div>
										<div class="col disabledNone">
											<label>剩余访问时间(天)</label><input type="text" name="canUseTimeLocal" class="form-control"
																			  disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
<!--									<div class="row form-group" style="display:none;">-->
<!--										<div class="col">-->
<!--											<label>产品使用码</label><input type="text" name="useCode" class="form-control">-->
<!--										</div>-->
<!--									</div>-->
									<div class="row form-group algCas  disabledNone">
										<div class="col">
											<label>算法(没有选择算法则默认解密产品)：</label>
											<input type="text" class="form-control " style="font-size: 12px;" id="algCas">
										</div>
									</div>
									<div class="row form-group paramsFile ">
										<div class="col">
											<label>参数文件(可选)</label>
											<input type="file" accept="*/*" class="form-control paramsFileInput" style="font-size: 12px;">
										</div>
									</div>
								</form>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="accessMid">
								<!-- 注意事项 -->
								<div class="notice">
									<a data-toggle="collapse">
										<i class="iconfont iconxiangyou">&nbsp;&nbsp;</i>注意事项
									</a>
								</div>
								<!-- 测试表单 -->
								<form class="testform1 layui-form" lay-filter="testForm">
									<div class="row form-group">
										<div class="col">
											<label>所属用户</label><input type="text" name="user" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group">
										<div class="col">
											<label>最近测试日期</label><input type="text" name="update" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group paramsFile disabledNone">
										<div class="col">
											<label>参数文件(可选)</label>
											<input type="file" accept="*/*" class="form-control paramsFileInput" style="font-size: 12px;">
										</div>
									</div>

								</form>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="accessMid">
								<!-- 注意事项 -->
								<div class="notice">
									<a data-toggle="collapse" href="#collapseExample" aria-controls="collapseExample">
										<i class="iconfont iconxiangyou">&nbsp;&nbsp;</i>注意事项
									</a>
								</div>
								<div class="collapse" id="collapseExample">
									<div class="card card-body">
										注意事项：如该产品目前可正常使用/该产品已下架，请联系产品用户/该产品已试用完，无法再次试用/有条件共享缺乏安全管理程序
									</div>
								</div>
								<!-- 试用表单 -->
								<form class="testform1 layui-form" lay-filter="trialForm">
									<div class="row form-group">
										<div class="col">
											<label>所属用户</label><input type="text" name="user" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
<!--									<div class="row form-group">-->
<!--										<div class="col">-->
<!--											<label>试用截止日期</label><input type="text" name="expireDate"-->
<!--												class="form-control" disabled=""-->
<!--												style="background-color: #fff;border: 0px;">-->
<!--										</div>-->
<!--									</div>-->
									<div class="row form-group disabledNone">
										<div class="col">
											<label>剩余次数(次)</label><input type="text" name="times1" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group disabledNone">
										<div class="col">
											<label>剩余记录数(次)</label><input type="text" name="times2" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group disabledNone">
										<div class="col">
											<label>剩余字节(KB)</label><input type="text" name="times3" class="form-control"
												disabled="" style="background-color: #fff;border: 0px;">
										</div>
									</div>
									<div class="row form-group paramsFile disabledNone">
										<div class="col">
											<label>参数文件(可选)</label>
											<input type="file" accept="*/*" class="form-control paramsFileInput" style="font-size: 12px;">
										</div>
										</div>
								</form>
							</div>
						</div>

					</div>
				</div>
				<!-- 底部 -->
				<div class="accessbot">
					<div>
						<button type="submit" class="btn btn-info tab1 disabledNone">开始测试</button>
						<button type="submit" class="btn btn-info tab2 disabledNone">开始试用</button>
						<button type="submit" class="btn btn-info tab3 ">开始使用</button>
					</div>
				</div>
			</div>
			<!-- 右侧 -->
			<div class="accessList">
				<div class="accessRight">
					<!-- 顶部 -->
					<div class="accessRightTop">
						<p>使用结果</p>
					</div>
					<div class="accessRightMain">
						<!-- 侧边行数 -->
						<div class="accessRightLeft">
							<!-- <p>1</p> -->
							<!-- <p>2</p> -->
						</div>
						<div class="accessRightCon">
							<div class="testResult disabledNone">
								<ul></ul>
							</div>
							<div class="trialResult disabledNone">测试结果</div>
							<div class="useResult ">
								<p>使用结果</p>
							</div>

						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<!-- End Main -->



	<!--------------------------------------FOOTER 底部--------------------------------------->

	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #03CA93;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据要素流通平台</p>
						Copyright @ 2022 数据要素流通平台-版权所有 蜀ICP备202223603号
					</small>
				</div>
			</div>
		</div>
	</footer>
	<!-- End Footer -->



	<!--------------------------------------JAVASCRIPT--------------------------------------->
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<script src="vendor/jquery.json-viewer.js" type="text/javascript"></script>
	<script src="vendor/popper.min.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>
	<script src="./assets/layui/cascader/cascader.js" type="text/javascript"></script>
	<script src="assets/font/iconfont.js" type="text/javascript"></script>
	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>

<!--	<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>-->
	<script src="./js/accessData.js"></script>
</body>

</html>
